<?php 
require_once 'config/config.inc';
@session_start();

?>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="assets/img/favicon.ico">
<link rel="stylesheet" href="assets/css/style.css">
<title>Event Afghanistan</title>

<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="assets/css/animate.css" />
<link rel="stylesheet" type="text/css" href="assets/css/elements.css" />
<link rel="stylesheet" type="text/css" href="assets/css/custom.css" />
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"rel="stylesheet">
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
   <link rel="stylesheet" href="assets/css/style.css">
 
  <link rel="stylesheet" href="/resources/demos/style.css">
 <style type="text/css">
 .ui-datepicker-inline{
width: 110%;
margin: -16px 0px -16px -16px;
 height:410px;
  	}
  	.ui-datepicker-calendar tbody tr td a{
  	height: 50px;
text-align: center;
padding-top: 8px;
font-weight: bold;
  	}
  	.ui-datepicker .ui-datepicker-header {

padding: .8em 0;
  </style>
<!--[if IE]>
	<style>
		.showcase {
			 zoom: 0.6;
		}
	</style>
	<![endif]-->
</head>

<body>

	<!-- Navbar
	============= -->
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.php">Events </a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="hidden-sm hidden-md"><a href="index.php">Home</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="index.php">Services
					</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="calendar.php">Event Calendar
					</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="index.php">Voluntering </a>
					</li>
					<li class="hidden-sm hidden-md"><a href="index.php">Resources </a>
					</li>
					<li class="hidden-sm hidden-md"><a href="about-us.php">About</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="contact.php">Contact
							us</a>
					</li>
					<!-- Profile links for extra small screens -->
					<li class="visible-xs"><a href="sign-in.php">Sign In</a>
					</li>
					<li class="visible-xs"><a href="#">Sign Out</a>
					</li>
				</ul>
				<!-- Search form for extra small screens -->
				<form class="navbar-form navbar-left visible-xs" role="search">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="Search">
					</div>
					<button type="submit" class="hl-btn hl-btn-blue">Go!</button>
				</form>
				<ul class="nav navbar-nav navbar-right hidden-xs">
					<!-- Sign in & Sign up -->
					<li id="sign-up" class="show"><a href="sign-up.php">Sign
							Up</a>
					</li>
					<li id="login" class="show"><a href="login.php">Sign In</a>
					</li>
					<!-- Signed in. Profile Menu -->
					
					<!-- Search Button -->
					<li id="search"><a href="#" id="search-btn"><i
							class="fa fa-search" id="search-icon"></i> Search</a>
						<div class="search-box hidden" id="search-box">
							<div class="input-group">
								<input type="text" class="form-control" placeholder="Search">
								<span class="input-group-btn">
									<button class="hl-btn hl-btn-default" type="button">Go!</button>
								</span>
							</div>
						</div></li>
				</ul>
			</div>
		</div>
	</div>
<!-- Main body
================== -->
  <div class="wrapper">
    
	<div class="container">
	  <div class="row"><div class="col-md-12"> <h3>Event Calendar </h3><hr></div></div>
	  <div class="row">
	  <div class="col-md-8">
	  <div class="row">
	  <?php

$conn = mysql_connect(DB_HOST,DB_USER,DB_PASSWORD);
if(!$conn){
	echo mysql_error();
}
$db=mysql_select_db(DB_DATABASE);
if(!$db){
	mysql_error();
}
$qry=mysql_query("SELECT * FROM `event` ORDER BY startdate DESC limit 6");

if (!$qry){
	echo mysql_error();
}
while ($row=mysql_fetch_array($qry)){
	?>
	
	  <div class="col-md-6 ">
				<div class="thumbnail">
			
				<h4><?php echo $row['title']?></h4>
					<img src="assets/img/eventphoto/<?php echo $row['photo']?>" class="img-responsive " alt="...">
					<div class="visit">
						<a href="detailevent.php?id=<?php echo $row['id'] ;?>"><i class="fa fa-question-circle"></i> More
							details...</a>
					</div>
					<div class="caption">
						
						<strong>Address : <?php echo $row['venue']?></strong>
						<br><strong> <?php echo $row['startdate']."<br>".$row['enddate']?></strong><br>
						
						
					</div>
				</div>
			</div>
			<?php }?>
			</div>
			</div>
	  <div class="col-md-4">
	    <!-- Recently Added -->
		  <div class="panel panel-default">
			<div class="panel-heading">
			  <h3 class="panel-title">Recently Added</h3>
			</div>
			<div class="panel-body">
			  <div class="recent-blogs">
			    <ul>
				  <li><a href="blog-post.html" class="new-story">HighLand - a new responsive Bootstrap 3 template</a></li>
				  <li><a href="blog-post.html" class="new-story">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></li>
				  <li><a href="blog-post.html">Nulla dapibus lorem sed felis placerat fringilla</a></li>
				  <li><a href="blog-post.html">Praesent eget nibh quis arcu iaculis commodo et at lectus</a></li>
				  <li><a href="blog-post.html">Etiam a enim ut odio laoreet viverra</a></li>
				</ul>
			  </div>
			</div>
		  </div>

		  <!-- Tags -->
		 
		  
		  <!-- Archive -->
		  <div class="panel panel-default">
			
			<div class="panel-body">
			  <div class="row">
			    <div class="col-xs-12">
			      <div id="datepicker" ></div>
<!-- ---------calendar -->
					 
					</div>
				  </div>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  
	 
<!-- Foooter
================== -->
	<footer>
		<div class="container">
			<div class="row">
				<!-- Contact Us 
		=================  -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Contact us</h3>
					</div>
					<div class="content">
						<p>TechNation <br>
						 Dunya Plaza<br>
          Shahid Abdul Haq Square 
         <br>
           Ground Floor <br>phone:0093 788 121 311<br /> Email: <a href="http://www.technation.af">info@technation.af</a>
						</p>
					</div>
				</div>
				<!-- Social icons 
		===================== -->
		<div class="col-sm-4">
					<div class="headline">
						<h3>Go Social</h3>
					</div>
						<div class="col-md-10">
					<div class="content social">
						<p>Stay in touch with us:</p>
						<ul>
							<li><a href="#"><i class="fa fa-twitter"></i>
							</a></li>
							<li><a href="#"><i class="fa fa-facebook"></i>
							</a></li>
							<li><a href="#"><i class="fa fa-pinterest"></i>
							</a></li>
							<li><a href="#"><i class="fa fa-youtube"></i>
							</a></li>
							<li><a href="#"><i class="fa fa-linkedin"></i>
							</a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i>
							</a></li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<h5>Message Alert</h5>
					<div class="input-group">
				<label class="sr-only" for="subscribe-email"> </label>
				 <span class="input-group-addon"><img src="assets/img/flag.jpg"></span>
				<input type="text" class="form-control" id="phone"
				placeholder="your phone Number"> <span class="input-group-btn">
				<button type="submit" class="hl-btn hl-btn-default">send</button>
										</span>
				</div>
				</div>
				</div>
				<!-- Subscribe 
		=============== -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Subscribe</h3>
					</div>
					<div class="content">
						<p>
							Enter your e-mail below to subscribe to our free newsletter.<br />We
							promise not to bother you often!
						</p>
						<form class="form" role="form">
							<div class="row">
								<div class="col-sm-8">
								
								<input type="text" class="form-control"id="name" placeholder="Enter your Name">
									
									
											<div class="clearfix"></div>
											<br>
								
									<div class="input-group">
										<label class="sr-only" for="subscribe-email">Email
											address</label> <input type="email" class="form-control"
											id="subscribe-email" placeholder="Enter email"> <span
											class="input-group-btn">
											<button type="submit" class="hl-btn hl-btn-default">OK</button>
										</span>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
			</div>
		
	</footer>
	<!-- Legal 
  ============= -->
	<div class="legal">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<p>
						&copy; The Events 2014. <a href="#">Privacy Policy</a> | <a
							href="#">Terms of Service</a>
					</p>
				</div>
			</div>
		</div>
	</div>
	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/custom.js"></script>
	<script src="assets/js/scrolltopcontrol.js"></script>
	<!-- Scroll to top javascript -->
	 <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
	<script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
  
</body>

<!-- Mirrored from 7.pdvop2sz.z8.ru/highland/1.3/ by HTTrack Website Copier/3.x [XR&CO'2013], Mon, 27 Jan 2014 06:12:43 GMT -->
</html>